<template>
  <swiper>
      <swiper-item v-for="item in banner.list" :key="item">
        <a :href="item.link">
          <img :src="item.image" alt="" @load="imageLoad">
        </a>
      </swiper-item>
    </swiper>
</template>

<script>
import { Swiper, SwiperItem } from "../../../components/common/swiper/index";

export default {
    components:{
        Swiper,
        SwiperItem,
    },
    data(){
      return {
        isLoad:false
      }
    },
    methods:{
      imageLoad() {
        if(!this.isLoad) {
        this.$emit("swiperImageLoad")
        this.isLoad = true
        }
      }
    },
    props:{
        banner:{
            type:Object,
            default(){
                return[]
            }
            }
    }
}
</script>

<style>

</style>